<!DOCTYPE html>
<html>
<head>
<title>Le Dudu</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

</head>
<body>
	<!-- page -->
	<div data-role="page">
		<div data-role="header" data-rel="back" >
			<h1>Categorias</h1>
		</div>
		<!-- /header -->
		<!-- content -->
		<div data-role="content">
			<ul data-role="listview" data-inset="true" data-filter="true"
				data-theme="g" data-filter-placeholder="Busca">
				<g:if test="${menuAtivo != null}">
					<g:each in="${categoriaList}" var="categoria">
						<li><a href="/lemenu/mobileApp/itens?id=${categoria.nome}" class="ui-link-inherit"> ${categoria.nome}</a></li>
					</g:each>
				</g:if>
			</ul>
		</div>
		<!-- /content -->
	</div>
	<!-- /page -->

</body>
</html>